<template>
  <div class="mb-2">
    <h4 class="mb-1">1.示例单选题文字内容，示例单选题文字内容，示例单选题文字内容，示例单选题。</h4>
    <div>
      <el-radio-group v-model="radio">
        <el-radio :label="3">Option A</el-radio>
        <el-radio :label="6">Option B</el-radio>
        <el-radio :label="9">Option C</el-radio>
        <el-radio :label="9">Option C</el-radio>
        <el-radio :label="9">Option C</el-radio>
        <el-radio :label="9">Option C</el-radio>
      </el-radio-group>
    </div>
  </div>
  <div>
    <h4 class="mb-1">1.示例单选题文字内容，示例单选题文字内容，示例单选题文字内容，示例单选题。</h4>
    <el-checkbox-group v-model="checkList">
      <el-checkbox label="Option A"/>
      <el-checkbox label="Option B"/>
      <el-checkbox label="Option C"/>
      <el-checkbox label="disabled"/>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  name: "topic_item"
}
</script>
<script setup>
import {ref} from 'vue'

defineProps({
  type: {
    type: Number,
    default: 0
  }
})


const radio = ref(3)
const checkList = ref(['selected and disabled', 'Option A'])
</script>

<style scoped>

</style>
